



<!DOCTYPE html>
<html>

<head>
    <#import "../common/common.macro.ftl" as netCommon>
    <title>艺术上海 - 艺术视野</title>
    <meta charset="utf-8" />
    <meta name="keywords" content="${data.data.title!''}"/>
    <meta name="description" content="${data.data.title!''}"/>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link href="/static/css/bootstrap.mini.css" rel="stylesheet" />
    <link href="/static/css/style.css" rel="stylesheet" />
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/font-face.css" rel="stylesheet" />
    <link href="/static/css/common/index.css" rel="stylesheet" />
    <link href="/static/css/footer/index.css" rel="stylesheet" />
    <link href="/static/css/font/font-awesome.min.css" rel="stylesheet" />
    <link href="/static/js/swiper/swiper.min.css" rel="stylesheet" />
    <link rel="icon" type="image/png" href="/static/img/icon.png"/>
    <style>

        .news-box-right h4{
            margin-bottom: 20px;
        }

        .news-box-right .news-box-right-box .Context p{
            line-height: 40px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            word-break: break-all;
        }

        .news-box-right .news-box-right-box .Context p span{
            padding: 0px 10px;
            background: #ac2925;
            color: #fff;
            margin-right: 10px;
            border-radius: 4px;
        }

        .news-box{
            width: 1200px;
            margin: 0 auto;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
        }

        .news-box-left{
            width: 750px;
            padding: 20px;
            background: #FFF;
        }

        .news-box-right{
            width: 410px;


        }

        .news-box-right-box{
            background: #fff;
            padding: 20px;
            margin-bottom: 20px;

        }
        .wscnph{
            max-width: 100%;
        }
    </style>
</head>

<body>

<@netCommon.commonHeader "艺术资讯" menu i18n/>

<section style="margin-top: 140px">

        <div class="news-content" style="margin: 20px auto; width: 1440px">
            <div class="news-box">
                <div class="news-box-left">
                    <h1 style="margin: 40px auto;font-size: 32px; margin-top: 0px">${data.data.title}</h1>
                    <div style="padding:20px 0px; font-size: 14px; line-height: 1.6; ">
                        ${data.data.content}
                    </div>
                </div>
                <div class="news-box-right">
                    <#list categoryList.data as items>
                       <div class="news-box-right-box">
                           <h4>${items.title}</h4>
                           <ul>
                               <li>
                                   <div class="Context">
                                       <#list list.data.records as items>
                                           <p>
                                               <span> ${items_index+1}</span>
                                               <a href="/news/detail?newsNo=${items.articleRelNo}"
                                                   target="_blank">${items.title}</a>
                                           </p>
                                       </#list>
                                   </div>
                               </li>

                           </ul>
                           <a href="/news/index?page=1&sort=1" style="margin-top: 20px">
                               查看更多
                           </a>
                       </div>
                       </#list>
                </div>
            </div>

        </div>

</section>


</body>
<@netCommon.commonScript />
</html>